<template>
  <div>
    <ul class="footer-box">
      <li>
        <span class="iconfont icon-shouye"></span> <br>
        <router-link to="/">首页</router-link>
      </li>
      <li>
        <span class="iconfont icon-fenlei"></span> <br>
        <router-link to="/Sort">分类</router-link>
      </li>
      <li>
        <span class="iconfont icon-gouwuche1"></span> <br>
        <router-link to="/Cart">购物车</router-link>
      </li>
      <li>
        <span class="iconfont icon-wode"></span> <br>
        <router-link to="/My">我的</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
    name:"FooterBar"
}
</script>

<style>
@import url(../assets/font_3533054_zv2h74i7m7/iconfont.css);
.footer-box {
  width: 100%;
  height: 3.125rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.footer-box li {
  flex: 1;
  width: 20%;
  border-top: 1px solid black;
  padding-top: .3125rem;
  text-align: center;
}
.iconfont {
  font-size: 18px;
  color: gray;
}
</style>